div{width:800px;margin:0 auto;}
body {
	font: 13px normal Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.7em;
}
h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }
.clearfix:after {content: "\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.clearfix {zoom: 1;} 
.box {
	padding:10px;
	background-color:#dedede;
	margin-bottom:3px;
	width:450px;
	position:relative;
        -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
        -webkit-gradient(linear,0% 0%, 0% 100%, from(#F1F1F1), to(#DFDFDF));
        -moz-linear-gradient(0% 0% 270deg, #F1F1F1,#333)
}
.box:hover{background-color:#ccc;}
 
.avatar {
	float:left;
	margin-right:20px;
}
.text {
	float:left;
	width:300px;
	font-size:13px;
}
.date {
	padding-top:5px;
	font-weight:700;
	color:#333;
	font-size:12px;
}
p { margin: 10px 0; }

li { margin-left: 10px; }

h3 { margin: 1em 0 0; }

h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }

